<template>
  <div class="box">
    <div class="left" :style="{width:$store.state.menu.state?'64px':'200px'}">
      <left></left>
    </div>
    <div
      class="right"
      :style="{width:$store.state.menu.state?'calc(100% - 64px)':'calc(100% - 200px)'}"
    >
      <headers></headers>
      <div class="main">
         <!-- 只缓存考评列表 -->
        <keep-alive>
          <router-view v-if="['/evaluate/type1','/evaluate/type2','/evaluate/type3'].includes($route.path)"></router-view>
        </keep-alive>
        <router-view v-if="!['/evaluate/type1','/evaluate/type2','/evaluate/type3'].includes($route.path)"></router-view>
      </div>
    </div>
  </div>
</template>
<script>
import headers from "./header";
import left from "./left";
export default {
  components: {
    headers,
    left
  }
};
</script>
<style scoped>
.box .right .main {
  padding:20px;
}
</style>